<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css表格边框</title>
    <!--表格边框-->
    <!--指定CSS表格边框，使用border属性。-->
    <!--下面的例子指定了一个表格的Th和TD元素的黑色边框：-->
    <style>
        table,th,td
        {
            border: 1px solid black;
        }
    </style>
</head>
<body>
<table>
    <tr>
        <th>Firstname</th>
        <th>Lastname</th>
    </tr>
    <tr>
        <td>Peter</td>
        <td>Griffin</td>
    </tr>
    <tr>
        <td>Lois</td>
        <td>Griffin</td>
    </tr>
    <!--请注意，在上面的例子中的表格有双边框。这是因为表和th/ td元素有独立的边界。-->
    <!--为了显示一个表的单个边框，使用 border-collapse属性。-->
</table>
</body>
</html>